<template lang="html">
  <modal>
    <div class="new_frame_type01">
      <div class="frame_cont01">
        <table class="table_fix table_gray01">
          <colgroup>
            <col style="width:105px;">
            <col>
          </colgroup>
          <tbody>
            <tr>
              <th class="t_l">补款金额</th>
              <td class="t_l"><div class="input_box03 mr15"><input class="input_type pay_width01" type="text" value="10000"><span class="text">元</span></div></td>
            </tr>
            <tr>
              <th class="t_l">最晚付款时间</th>
              <td class="t_l">
                <input class="input_type pay_width05" type="text" value="2017-02-02">
                <input class="input_type pay_width06 ml5" type="text" value="18:00">
              </td>
            </tr>
            <tr>
              <th class="t_l">补款原因</th>
              <td class="t_l">
                <div class="select_cont01 date_select pay_width02 "><!-- 需要出现下拉框的时候加上select_cont_cur -->
                  <span class="show_text">选择补款原因</span><i class="down_icon01"></i>
                  <div class="select_list">
                    <ul class="type01">
                      <li>选择补款原因1</li>
                      <li>选择补款原因2</li>
                    </ul>
                  </div>
                </div>
              </td>
            </tr>
            <tr>
              <th class="t_l">补款备注</th>
              <td class="t_l"><textarea class="frame_textarea"></textarea></td>
            </tr>
          </tbody>
        </table>
        <div class="edit_cont02"><a href="" class="mr5 blue_btnlink inlinebox">接受</a><a href="" class="ml5 new_btn grey_btn grey_btn03">拒绝</a></div>
      </div>
    </div>
  </modal>
</template>

<script>
import Modal from './Modal.vue'

export default {
  components: { Modal }
}
</script>

<style scoped>
  .new_frame_type01 {
    margin: 0 auto;
  }
</style>
